Alice's
notes

React

React 打包？

1. 打開 xampp -> 在 htdocs 開新資料夾
2. 在 package.json 檔案新增 homepage 欄位（ex: "homepage": "/myapp”,）意思為把程式打包到哪個目錄
3. 至要打包之檔案 $npm run build
4. 此時已有新的資料夾名為 build，把 build 底下的資料全部複製到 htdocs myapp 的資料夾內

成功打包！localhost 打開成功～（舊檔案有更改要覆蓋在 htdocs 的檔案，就要重新打包再複製貼上一次）

Material-ui 是 React component 的套件。

material-ui 步驟：

1. 至 week4 資料夾內（與 myapp 同層）create-react-app maui
2. cd myui
3. npm install @material-ui/core
4. npm install @material-ui/icons
5. 編輯 app.js
6. npm start

用 function 與 material-ui 做出來的簡單 todolist。

Summary

最後上的頭有點暈，越來越繞了，而且我一直新增不了檔案，確認過程式碼很多遍了，都跟老師一樣，不知道為什麼就是無法新增！所以心情不是很好......。

假日的時候有找時間回頭看，發現癥結點了！學到了要更改權限，在 api 的資料夾也更改了全縣，終於成功了！我真的要喜極而泣了！Mac 的話可以搭配這篇簡單的文調整權限：若您需要在 Mac 上打開項目的權限。（在需要調整權限之資料夾右鍵即可調整）